<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:body>
        <ui:composition template="WEB-INF/template.xhtml">
            <ui:define name="title">
                <h:outputText value="#{bundle.IndexTitle}" />
            </ui:define>
            <div id="leftdiv">

            </div><!-- end of leftdiv -->
            <ui:define name="content">
                <div id="content_inner">

                    <div class="content">

                        <div id="content_index">

                            <div id="franquicia">
                                <div id="txt-head">
                                    <h1>Tu propia franquicia</h1>
                                    <h2>¡Aplica ahora!</h2>
                                </div><!-- end of txt-head -->
                                <div id="img-franq">
                                    <center><img align="center" src="images/img-franq.jpg" width="265" height="100" alt="img-franq"/></center>
                                    <p>Únete a nuestro equipo y garantiza tu futuro con SUBWAY<sup>&reg;</sup> ahora!</p>
                                </div><!-- end of img-franq -->

                                <ul>
                                    <li><a href="#" target="_blank" >Todo acerca de Franquicias</a></li>
                                    <li><a href="#" target="_blank" >Busca una buena locación</a></li>
                                    <li><a href="#" target="_blank" >Oportunidad al rededor del mundo</a></li>
                                </ul>
                                <div id="btnfranq">
                                    <ul><li><a href="#">APLICAR AHORA</a></li></ul>
                                </div><!-- end of btnfranq -->
                            </div><!-- end of franquicia -->

                            <div id="news">
                                <p:carousel itemStyleClass="carItem" pageLinks="4" autoPlayInterval="4000"   
                                            rows="1" effect="easeInStrong" circular="true">  
                                    <p:graphicImage value="/images/slide/promo1.jpg"/>  
                                    <p:graphicImage value="/images/slide/promo2.jpg"/>  
                                    <p:graphicImage value="/images/slide/promo3.jpg"/>  
                                    <p:graphicImage value="/images/slide/promo4.jpg"/>  
                                </p:carousel>  

                            </div><!-- end of news -->

                            <div id="redes_sociales">

                            </div><!-- end of redes_s -->
                            <div class="cleaner_h5"></div>
                        </div><!-- end of content_index -->
                        <div align="center">
                            <p:lightBox styleClass="imagebox">  
                                <h:outputLink value="images/menu/00_all-sandwiches.jpg" title="All Sandwiches">  
                                    <h:graphicImage width="200" height="80" value="images/menu/00_all-sandwiches.jpg"/>  
                                </h:outputLink>  
                                <h:outputLink value="images/menu/01_5-dollar-footlongs.jpg" title="A solo 5 dolares!">  
                                    <h:graphicImage width="200" height="80" value="images/menu/01_5-dollar-footlongs.jpg" />  
                                </h:outputLink>  
                                <h:outputLink value="images/menu/02_fresh-fit.jpg" title="Sopranos 3">  
                                    <h:graphicImage width="200" height="80" value="images/menu/02_fresh-fit.jpg"/>  
                                </h:outputLink>  
                                <h:outputLink value="images/menu/03_featured-products.jpg" title="Productos Destacados">  
                                    <h:graphicImage width="200" height="80" value="images/menu/03_featured-products.jpg"/>  
                                </h:outputLink>

                            </p:lightBox>
                        </div>
                    </div><!-- end of content -->
                </div><!-- end of content_inner -->

            </ui:define>
        </ui:composition>

    </h:body>

</html>

